<script>
  import Product from '$lib/components/frontend/products/product.svelte'
  let isHappy = true

  function onAnswer({detail}) {
    isHappy = detail.status
  }

</script>

<div>
  <h1>Products</h1>
  <ul>
    <li>product 1</li>
    <li>product 2</li>
    <li>product 3</li>
  </ul>
  <Product on:change={onAnswer} />
  <p style="font-size: 50px;">{isHappy ? "😀" : "😥"}</p>
</div>
